<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>商品列表</title>
<link href="css/shopping.css" rel='stylesheet' type='text/css' />
<link href="css/shoplist.css" rel='stylesheet' type='text/css' />
<link rel="start icon" href="images/resize_png_new.png"  >
</head>
<body>
<!------header top------->
<div class="top1">
  <div class="top-left">
    <p> <a href="goodslist.html" target="_blank">购物五折啦</a></p>
  </div>
  <div class="top-middle">
    <marquee id="move">
    欢迎下载折扣店APP,折扣店随时随地带你购物！
    </marquee>
  </div>
  <div class="top-right">
    <ul>
      <li> <a href="#">最近浏览</a></li>
      |
      <li> <a href="#">关于我们</a></li>
      | <li> <a href="login_user.html" target="_blank">登录</a></li>
      |
      <li> <a href="register.html" target="_blank">注册</a></li>
    </ul>
  </div>
</div>
<!------header top------->
<div class="header1">
  <div id="logo"> <a title="折扣社" href="index.html"><img src="images/logo.png" alt="折扣店logo" /></a> </div>
  <div class="search">
    <form action="#" method="post" id="sitesearch">
      <fieldset>
        <input type="text" value="搜索一下" onfocus="this.value=(this.value=='搜索一下)? '' : this.value ;" />
        <input type="image" src="images/search.png" id="search" alt="搜索一下" />
      </fieldset>
    </form>
  </div>
  
  <div class="icon1"> <a href=""><img  class="img1" src="images/love.png"  title="收藏"/> </a> </div>
  <div class="icon2"><a href=""> <img  class="img1"  src="images/bag.png" title="购物车" /> </a> </div>
  <div class="icon3"> <a  class="register_user" href="register.html" target="_blank">注册账户&gt;</a> </div>
</div>

<!------header top-------> 

<!--------header menu--------->
<div class="header-menu">
  <ul>
    <li><a class="a1" href="">首页</a> </li>
    <li><a class="a2" href="">今日最新</a> 
      <ul>
        <li><a href="">精选女装</a></li>
        <li><a href="">秋装外套</a></li>
        <li><a href="">温暖毛衣</a></li>
        <li><a href="">毛呢外套</a></li>
        <li><a href="">秋冬外套</a></li>
        <li><a href="">长袖衬衫</a></li>
      </ul>
      </li>
    <li><a class="a3" href="">女装</a>
      <ul>
        <li><a href="">秋款风衣</a></li>
        <li><a href="">机车皮衣</a></li>
        <li><a href="">秋款连衣裙</a></li>
        <li><a href="">小脚裤</a></li>
        <li><a href="">休闲裤</a></li>
        <li><a href="">打底裤</a></li>
      </ul>
       </li>
    <li><a class="a4" href="">男装</a>
      <ul>
        <li><a href="">个性潮男</a></li>
        <li><a href="">时尚休闲</a></li>
        <li><a href="">商务绅士</a></li>
        <li><a href="">休闲衬衫</a></li>
        <li><a href="">西服套装</a></li>
        <li><a href="">直筒西裤</a></li>
      </ul>
    </li>
    <li><a class="a5" href="">儿童服饰</a>
      <ul>
        <li><a href="">毛衣|针织衫</a></li>
        <li><a href="">儿童男装</a></li>
        <li><a href="">儿童女装</a></li>
        <li><a href="">表演服饰</a></li>
        <li><a href="">亲子装</a></li>
        <li><a href="">休闲套装</a></li>
      </ul>
    </li>
    <li><a class="a6" href="">男包|女包</a>
      <ul>
        <li><a href="">秋新款</a></li>
        <li><a href="">单肩包</a></li>
        <li><a href="">斜挎包</a></li>
        <li><a href="">手提包</a></li>
        <li><a href="">大牌包</a></li>
        <li><a href="">钱包</a></li>
      </ul>
    </li>
    <li><a class="a7" href="">潮流前线</a>
      <ul>
        <li><a href="">珠宝首饰</a></li>
        <li><a href="">时尚饰品</a></li>
        <li><a href="">品质手表</a></li>
        <li><a href="">眼镜配饰</a></li>
        <li><a href="">男人饰品</a></li>
        <li><a href="">原创饰品</a></li>
      </ul>
    </li>
    <li><a class="a8" href="">大牌领先看</a>
      <ul>
        <li><a href=""> CHANEL</a></li>
        <li><a href=""> PARADA</a></li>
        <li> <a href=""> GUCCI</a></li>
        <li> <a href=""> HERMES</a></li>
        <li><a href=""> Armani</a></li>
        <li> <a href=""> Versace</a></li>
      </ul>
    </li>
    <li><a class="a9" href="">今日折扣</a>
      <ul>
        <li><a href=""> 香奈儿8折</a></li>
        <li><a href=""> 普拉达7折</a></li>
        <li> <a href=""> 古驰5折</a></li>
        <li> <a href="">爱马仕9折</a></li>
        <li><a href=""> 阿玛尼8折</a></li>
        <li> <a href="">范思哲9折</a></li>
      </ul>
    </li>
  </ul>
</div>

<hr />

<!--------header menu---------> 

<!--------content1--------->
<div class="menu">
  <div class="menu-left">
    <div class="menu1">
      <ul>
        <li>
          <h4>商品分类</h4>
        </li>
        <li><a href="">本季流行</a></li>
        <li><a href="">女装</a></li>
        <li><a href="">男装</a></li>
        <li><a href="">今日大牌</a></li>
        <li><a href="">今日最热</a></li>
        <li><a href="">今日折扣</a></li>
        </li>
      </ul>
    </div>
    <div class="menu2">
      <form>
        <h4> 选择你喜欢的风格：</h4>
        <input type="checkbox" name="风格" value="color 1" />
        <a href=""> 清新风格</a><br />
        <input type="checkbox" name="风格" value="color2" />
        <a href=""> 田园风格</a><br />
        <input type="checkbox" name="风格" value="color3" />
        <a href=""> 绅士风格</a><br />
        <input type="checkbox" name="风格" value="color4" />
        <a href=""> 乡村风格</a><br />
        <input type="checkbox" name="风格" value="color5" />
        <a href=""> 淑女风格</a><br />
        <input type="checkbox" name="风格" value="color6" />
        <a href=""> 帅气风格</a><br />
      </form>
    </div>
    <br />
    <div class="menu2">
      <form>
        <h4>选择你喜欢的品牌：</h4>
        <input type="checkbox" name="品牌" value="color 1" />
        <a href=""> CHANEL</a><br />
        <input type="checkbox" name="品牌" value="color2" />
        <a href=""> PARADA</a><br />
        <input type="checkbox" name="品牌" value="color3" />
        <a href=""> GUCCI</a><br />
        <input type="checkbox" name="品牌" value="color4" />
        <a href=""> HERMES</a><br />
        <input type="checkbox" name="品牌" value="color5" />
        <a href=""> Armani</a><br />
        <input type="checkbox" name="品牌" value="color6" />
        <a href=""> Versace</a><br />
      </form>
    </div>
    <br />
    <div class="menu2">
      <form>
        <h4>选择你想要的颜色：</h4>
        <input type="checkbox" name="颜色" value="color 1" />
        明黄色<br />
        <input type="checkbox" name="颜色" value="color2" />
        湖蓝色<br />
        <input type="checkbox" name="颜色" value="color3" />
        浅绿色<br />
        <input type="checkbox" name="颜色" value="color4" />
        大红色<br />
        <input type="checkbox" name="颜色" value="color5" />
        粉红色<br />
        <input type="checkbox" name="颜色" value="color6" />
        橙子色<br />
        <input type="checkbox" name="颜色" value="color6" />
        纯白色色<br />
        <input type="checkbox" name="颜色" value="color6" />
        深黑色<br />
      </form>
    </div>
    <br />
    <div class="menu2">
      <form>
        <h4>选择折扣数：</h4>
        <input type="radio" name="颜色" value="color 1" />
        9折<br />
        <input type="radio" name="颜色" value="color2" />
        8折<br />
        <input type="radio" name="颜色" value="color3" />
        7折<br />
        <input type="radio" name="颜色" value="color4" />
        6折<br />
        <input type="radio" name="颜色" value="color5" />
        5折<br />
        <input type="radio" name="颜色" value="color6" />
        4折<br />
        <input type="radio" name="颜色" value="color6" />
        3折<br />
      </form>
    </div>
  </div>
  <div class="menu-right">
    <div class="menu-top">
      <p> &nbsp;  &nbsp;  &nbsp; 所有商品：47829件 &nbsp;  &nbsp;  &nbsp;  
        &nbsp;  &nbsp;   &nbsp;  &nbsp;  &nbsp;  &nbsp;  &nbsp;  &nbsp; 
        &nbsp;  &nbsp; &nbsp;  &nbsp;  &nbsp;  &nbsp;  &nbsp;  &nbsp;
        &nbsp;  &nbsp;  &nbsp;  
        &nbsp;  &nbsp;  &nbsp;  &nbsp;  &nbsp;  &nbsp;  &nbsp;  &nbsp;  
        分类：流行|最新|折扣|价格从低到高</p>
    </div>
    <div class="picture"><a href=""><img src="images/w1.jpg"  />女神的新衣娜娜同款<br />
      <h5 style="color:#F66">限时优惠￥399</h5>	<div class="mask">
	                        <div class="info">Quick View</div>
			            </div></a>
    </div>
    <div class="picture"><a href=""><img src="images/w2.jpg" />2014秋季粉色连衣裙<br />
      <h5 style="color:#F66"> 限时优惠￥199</h5>	<div class="mask">
	                        <div class="info">Quick View</div>
			            </div></a>
    </div>
    <div class="picture"><a href=""><img src="images/w3.jpg" />2013秋季黄色针织衫<br />
      <h5 style="color:#F66"> 限时优惠￥299</h5>	<div class="mask">
	                        <div class="info">Quick View</div>
			            </div></a>
    </div>
    <div class="picture"><a href=""><img src="images/w4.jpg" />商务绅士风格白色衬衫<br />
      <h5 style="color:#F66"> 限时优惠￥799</h5>	<div class="mask">
	                        <div class="info">Quick View</div>
			            </div></a>
    </div>
    <div class="picture"><a href=""><img src="images/w5.jpg" />女神新衣尚雯婕同款<br />
      <h5 style="color:#F66"> 限时优惠￥699</h5>	<div class="mask">
	                        <div class="info">Quick View</div>
			            </div></a>
    </div>
    <div class="picture"><a href=""><img src="images/w6.jpg" />女神新衣张馨予同款<br />
      <h5 style="color:#F66"> 限时优惠￥399</h5>	<div class="mask">
	                        <div class="info">Quick View</div>
			            </div></a>
    </div>
    <div class="picture"><a href=""><img src="images/w7.jpg" />女神新衣亲子装儿童款<br />
      <h5 style="color:#F66"> 限时优惠￥199</h5>	<div class="mask">
	                        <div class="info">Quick View</div>
			            </div></a>
    </div>
    <div class="picture"><a href=""><img src="images/w8.jpg"  />时尚五分袖立领短上衣<br />
      <h5 style="color:#F66">限时优惠￥399</h5>	<div class="mask">
	                        <div class="info">Quick View</div>
			            </div></a>
    </div>
    <div class="picture"><a href=""><img src="images/w9.jpg" />2014最新时尚水晶鞋<br />
      <h5 style="color:#F66">限时优惠￥499</h5>	<div class="mask">
	                        <div class="info">Quick View</div>
			            </div></a>
    </div>
    <div class="picture"><a href=""><img src="images/w10.jpg" />伊芙丽中长毛呢外套<br />
      <h5 style="color:#F66">限时优惠￥399</h5>	<div class="mask">
	                        <div class="info">Quick View</div>
			            </div></a>
    </div>
    <div class="picture"><a href=""><img src="images/w11.jpg" />伊芙丽蓝色妮子大衣<br />
      <h5 style="color:#F66"> 限时优惠￥799</h5>	<div class="mask">
	                        <div class="info">Quick View</div>
			            </div></a>
    </div>
    <div class="picture"><a href=""><img src="images/w12.jpg" />女神新衣娜娜套装<br />
      <h5 style="color:#F66"> 限时优惠￥699</h5>	<div class="mask">
	                        <div class="info">Quick View</div>
			            </div></a>
    </div>
  </div>
</div>
<!--------content1---------> 


<!--------content2-------->
<div class="content">
  <div class="content1">
    <h4>购物指南</h4>
    <ul class="f_nav">
      <li><a href="goodslist.html">购物流程</a></li>
      <li><a href="goodslist.html">会员介绍</a></li>
      <li><a href="goodslist.html">团购|机票</a></li>
      <li><a href="goodslist.html">常见问题</a></li>
      <li><a href="goodslist.html">意见反馈</a></li>
      <li><a href="goodslist.html">联系客服</a></li>
    </ul>
  </div>
  <div class="content1">
    <h4>配送方式</h4>
    <ul class="f_nav">
      <li><a href="goodslist.html">上门自取</a></li>
      <li><a href="goodslist.html">211限时到达</a></li>
      <li><a href="goodslist.html">配送服务查询</a></li>
      <li><a href="goodslist.html">配送费收取标准</a></li>
      <li><a href="goodslist.html">同城配送</a></li>
      <li><a href="goodslist.html">海外配送</a></li>
    </ul>
  </div>
  <div class="content1">
    <h4>支付方式</h4>
    <ul class="f_nav">
      <li><a href="#">售后政策</a></li>
      <li><a href="#">价格保护</a></li>
      <li><a href="#">退款说明</a></li>
      <li><a href="#">返修|退换货</a></li>
      <li><a href="#">取消订单</a></li>
      <li><a href="#">订单详情</a></li>
    </ul>
  </div>
  <div class="content1">
    <h4>售后服务</h4>
    <ul class="f_nav">
      <li><a href="#">售后政策</a></li>
      <li><a href="#">价格保护</a></li>
      <li><a href="#">退款说明</a></li>
      <li><a href="#">返修|退换货</a></li>
      <li><a href="#">取消订单</a></li>
      <li><a href="#">订单详情</a></li>
    </ul>
  </div>
  <div class="content1">
    <h4>商家服务</h4>
    <ul class="f_nav">
      <li><a href="#">商家帮助</a></li>
      <li><a href="#">商家入驻</a></li>
      <li><a href="#">新手指导</a></li>
      <li><a href="#">培训中心</a></li>
      <li><a href="#">信息公告</a></li>
      <li><a href="#">广告服务</a></li>
    </ul>
  </div>
</div>
</div>
<!--------content2--------> 

<!--------footer top-------->
<div class="footer1">
<div class="footer-left">
<div class="footer-pic"> <img src="images/picll.jpg" />
  <div class="put">
    <marquee scrollamount="4"  id="move3">
    领取优惠券后购买更实惠
    </marquee>
  </div>
</div>
<div class="address"> 折扣店服装公司地址：<br />
  中国<br />
  湖北/武汉市<br />
  洪山区雄楚大道91号名仕一号<br />
  <br />
  Tel: 18702727108<br />
  Email: <a href="#">yxjy@sina.com</a>
  </address>
</div>
<div class="footer-right">
  <marquee id="move2" scrollamount="5">
  美丽百分百，折扣店让你快人一步
  </marquee>
  <div class="share-pic"> <img src="images/social.png" usemap="#mapxie1" border="0" />
    <map name="mapxie1" id="mapxie1">
      <area shape="rect" coords="3,3,53,47" href="http://weibo.com/" target="_blank" />
      <area shape="rect" coords="53,2,101,49" href="http://openapi.qzone.qq.com/oauth/show?client_id=217921&amp;display=pc&amp;redirect_uri=http%3A%2F%2Fwww.douguo.com%2Fapi%2Ftx_get_access_token&amp;response_type=code&amp;scope=all&amp;which=Login" target="_blank" />
      <area shape="rect" coords="99,2,158,44" href="http://wx.qq.com/" target="_blank" />
      <area shape="rect" coords="157,4,215,45" href="http://www.renren.com/" target="_blank" />
      <area shape="rect" coords="216,2,268,49" href="http://t.qq.com/" target="_blank" />
    </map>

    
  </div>
  <div id="yournote">
    <form action="#" method="post">
      <fieldset>
        <legend>乐在分享</legend>
        <input type="text" value="留下您宝贵的建议：" onfocus="this.value=(this.value=='留下您宝贵的建议')? '' : this.value ;" />
        <input type="submit" id="subscribe" value="留言" />
      </fieldset>
    </form>
  </div>
</div>
<div class="clearfix"> </div>
<!--------footer top---------> 
<!--------footer-------->
<div class="footer2">
  <p>Copyright &copy; 2014.Company<i> hill may </i> All rights reserved.</p>
</div>
<!--------footer --------->
<script type="text/javascript"  src="script/jquery-1.4.2.min.js"></script> 
<script type="text/javascript" src="script/js.js"></script> 
</body>
</html>
